.header{
    margin:0 0;
    padding-top: 30px;
    margin-left: 20px;
}
.header .logo{
    margin-right: 16px;
}
.header .logoTip p{
    width:200px;
    text-indent: -9999em;
}
.header .logoTip p.nth1{
    margin-top: 11px;
    height:30px;
    background:url(../images/atwork.png) no-repeat left center;
}
.header .logoTip p.nth2{
    height:22px;
    background:url(../images/atwork_font.png) no-repeat left center;
}


.content{
    width: 815px;
    margin:0 auto;
    margin-top: 13px;
}

.loginbox{
    width: 320px;
    /*height:260px;*/
    border-radius:6px;
    background:white;
    margin-top: 96px;
    box-shadow: 0px 3px 3px #333;
}
.loginbox .hd{
    background:url(../images/groupSetUp_personalinfo_hd_bg.png) repeat-x;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    height:40px;
    padding-left: 12px;
}
.loginbox .hd h3{
    color:white;
    font:15px/40px "微软雅黑","宋体","Arial";
}
.loginbox .bd{
    text-align: center;
    /*padding-top: 30px;*/
}
.loginbox .bd p{
    height:26px;
    padding-top: 0;
    font:14px/26px "微软雅黑","宋体","Arial";
}
.loginbox .bd p.pswbox{
    margin-top: 22px;
}
.loginbox .bd p label{
    display:inline-block;
    width: 60px;
    margin-right: 4px;
}
.loginbox .bd p .input{
    width:205px;
    padding-left: 6px;
    padding-right: 6px;
    font:14px/18px "微软雅黑","宋体","Arial";
    /*outline: none;*/
    height:25px;
    color:#333;
    padding-top: 0;
}

.loginbox .bd p .codeBtn
{
    font-family:Arial;
    font-style:italic;
    font-weight:bold;
    border:0;
    letter-spacing:2px;
    color:#638aaa;
    width: 71px;
    height: 25px;
    padding: 2px 6px 0px 6px;
}

.loginbox .bd p .refreshBtn
{
    background:url(../images/icon/refresh.png) no-repeat center;
    border:0;
    letter-spacing:2px;
    cursor: pointer;
    color:#ffffff;
    width: 25px;
    height: 25px;
}


.loginbox .ft{
    margin: 15px 0px 20px 91px;
    color:white;
}
.loginbox .ft input{
    outline: none;
    border:none;
    cursor: pointer;
    width: 106px;
    height:30px;
    border-radius: 6px;
    color:white;
    font:14px/30px "微软雅黑","宋体","Arial";
    margin-bottom: 10px;
}
.loginbox .ft input:link{}
.loginbox .ft input:visited{
    
}
.loginbox .ft input:hover{}
.loginbox .ft input:active{

}
.errorTip{
    color: #ff0000;
    font-size: 14px;
    width: 100%;
    height: 25px;
    margin-left: 88px;
    margin-top: 5px;
}

.marginTop{
    margin-top: 5px;
}



/*����Ϊ��¼�����е���ʽ*/
#caseVerteClaire {
    background-color : #FFF;
   
    width : 210px;
    padding-top : 10px;
    float : right;
    position : relative;
}
#caseVerteClaire #load {
    color : #444444;
    font-family : calibri;
    text-align : center;
    position : absolute;
    top : 42px;
    left :42px;
}
#tranform {
    position : absolute;
    top : 85px;
    left : 30px;
}

#transform1 {
    height : 15px;
    width : 15px;
    border-radius : 50%;
    background-color : #444444;
    position : absolute;
   
    left : 15px;
    opacity : 0;
    animation : transform 4s infinite;
    -webkit-animation : transform 4s infinite;
}

#transform2 {
    height : 15px;
    width : 15px;
    border-radius : 50%;
    background-color : #444444;
    position : absolute;
    
    left : 44px;
    opacity : 0;
    animation : transform 4s infinite;
    -webkit-animation : transform 4s infinite;
    animation-delay : 0.5s;
    -webkit-animation-delay : 0.5s;
}

#transform3 {
    height : 15px;
    width : 15px;
    border-radius : 50%;
    background-color : #444444;
    position : absolute;
   
    left : 74px;
    opacity : 0;
    animation : transform 4s infinite;
    -webkit-animation : transform 4s infinite;
    animation-delay : 1s;
    -webkit-animation-delay : 1s;
}

@-webkit-keyframes transform {
    0% {opacity : 0;}
    25% {opacity : 1;}
    50% {opacity : 0;}
    75% {opacity : 1;}
    100% {opacity : 0;}
}

@keyframes transform {
    0% {border-radius : 0px; opacity : 0;}
    20% {border-radius : 0px; opacity : 1;}
    40% {border-radius : 0px; opacity : 0;}
    60% {border-radius : 50%; opacity : 0;}
    80% {border-radius : 50%; opacity : 1;}
    100% {border-radius : 50%; opacity : 0;}
}